@charset "utf-8";
/**------------整体布局-----------**/
.header{background: #323232;font: 12px "宋体";color: #bbbbbb;}
.header>*{height: 100%;}
.header a{color: #bbbbbb;}
.header a:hover{text-decoration: underline;color: #ff6600;}
.header .user{float: left;margin-left: 3px;line-height: 32px;}
.header .links-list{float: right;width: auto;}
.header .links-list li{float: left;margin-top: 10px;padding: 0px 8px;border-right: 1px solid #bbb;}
.header .links-list a{position: relative;top: -1px;}

.carousel{background: url(../img/carousel-bg.png) repeat-x;border-bottom: 1px solid #b1b2b1;}
.carousel .logo{background: url(../img/logo.png) no-repeat 2px 31px;width: 150px;float: left;}
.carousel .nav{float: right;position: relative;}
.carousel .nav .nav-list>li{width: 102px;height: 100%;text-align: center;font: bold 16px "宋体";line-height: 160px;}
.carousel .nav .nav-list li.active a{color: #ff6600;}
/*.carousel .nav .nav-list>li.active{height: 117px;border-bottom: 4px solid #ff6600;}*/
.carousel .nav .back-up{width: 102px;height: 4px;background: #ff6600;position: absolute;bottom: -1px;
}


.divider{background: url(../images/divider-1.png) no-repeat;background-size: cover;}

.main{background: #f3f3f3;}
.main-body{padding-bottom: 40px;}

.transaction-info>*{float: left;}
.user-area{width: 360px;font-size: 12px;line-height: 28px;}

.user-area .user-img{float: left;width: 120px;height: 120px;position: relative;margin: 40px 6px 0px 4px;background: url(../img/user-bg.png) no-repeat;}
.user-area .user-img img{position: absolute;top: 6px;left: 7px;max-width: 96px;max-height: 96px;}
.user-area .user-info{float: left;margin-top: 34px;width: 215px;}
.user-area .user-info>*{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.user-area .user-info a.name:hover{color: #ff6600;text-decoration: underline;}
.user-area .user-info .phone{color: #ca0000;font-weight: bold;}
.user-area .user-info .last-date,.user-area .user-info .security-level{color: #595959;}
.user-area .user-info .welcome{font-size: 14px;line-height: 36px;margin: 0px;}
.security-level span{display: inline-block;width: 20px;height: 20px;}
.security-level.low{background: url(../img/security-low.png) no-repeat 60px;}
.security-level.low .level-update{margin-left: 20px;color: #0066cc;font-weight: bold;}
.security-level.low .level-update:hover{text-decoration: underline;}
.certificate-flag{width: 48px;height: 20px;margin-top: 8px;background: url(../img/certificating.png) no-repeat;}
.certificate-flag.certificated{background: url(../img/certificated.png) no-repeat;}
.account-area{width: 450px;}
.account-balance{margin: 40px 0px 0px 28px;font-size: 14px;line-height: 28px;}
h2.transaction-info-head{color: #4e4e4e;font-size: 14px;margin: 0px;}
span.balance-amount{font-family: "微软雅黑";margin-right: 32px;}
span.balance-amount font{color: #ff6600;font-size: 32px;}
span.lastest-transaction font{color: #ff6600;font-weight: bold;}

.func-btn{display: block;float: left;width: 64px;height: 28px;background: url(../img/func-btn.png) no-repeat;font: 14px "微软雅黑";line-height: 28px;text-align: center;}
.func-btn:hover{background: url(../img/func-btn-h.png) no-repeat;color: white;}
.func-btn.recharge{margin-right: 10px;}
.func-btn.withdraw-deposit{margin-right: 10px;}
.func-btn.transfer-accounts{}

.setting{width: 380px;}
.settings .card{height: 28px;background: url(../img/card.png) no-repeat 0px;font: 14px "微软雅黑";line-height: 28px;text-indent: 32px;}
.settings .card-name{margin-right: 5px;}
.settings .card-amount a{margin-right: 10px;color: #0066cc;}
.settings .card-amount a:hover{text-decoration: underline;}
.settings .card-manage{color: #0066cc;margin-left: 8px;}
.settings .card-manage:hover{text-decoration: underline;font-weight: bold;}

.transaction-records{font: 12px "宋体";line-height: 12px;}
.transaction-records a{color: #0066cc;}
.transaction-records a:hover{text-decoration: underline;}
.transaction-list{width: 80%;display: inline;}
.transaction-list li{padding-left: 10px;padding-right: 10px;height: 12px;margin-top: 30px;border-right: 1px solid #0066cc;}
.transaction-list li.active{font: 14px "宋体";line-height: 12px;}
.transaction-list li.active a{color: #4e4e4e;font-weight: bold;}
.transaction-list li.active a:hover{text-decoration: none;cursor: default;}
.transaction-more{float: right;margin-top: 30px;}

.tb-head{background: #5b729b;}  /*border-left: 2px solid #5b729b;border-right: 2px solid #5b729b;*/
.tb-head .tc-name{float: left;font: 12px "宋体";line-height: 32px;color: white;text-align: center;}
.t-date{width: 10%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.t-content{width: 40%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.t-amount{width: 13%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.t-status{width: 16%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.t-operate{width: 20%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

ul.tc-detail-list{overflow: hidden;color: 33d3d3d;}
.tb-body li{height: 34px;width: 100%;float: none;}
.tb-body .tc-detail{height: 100%;display: block;float: left;font: 12px "宋体";line-height: 34px;color: #3d3d3d;text-align: center;}
.tc-detail-list li:nth-child(odd){background: #f0f5ff;}
.tc-detail-list li:nth-child(even){background: #dde8ff;}
.tb-body .t-content{text-align: left;text-indent: 20px;}
.tb-body .t-status{text-align: left;text-indent: 70px;}
.tb-body .t-status.close{color: #ff0000;}
.tb-body .t-amount{color: #309d00;font-weight: bold;}
.tb-body .t-amount.negative{color: #ff6600;}
.tb-body .t-operate a{color: #3d3d3d;}
.tb-body .t-operate a:hover{color: #0066cc;text-decoration: underline;}
a.make-sure{width: 64px;height: 28px;background: url(../img/makesure.png) no-repeat;float: left;margin-left: 36%;}
a.make-sure:hover{background: url(../img/makesure-h.png) no-repeat;}


.main-supply{background: #323232;border-top: 1px solid #404040;border-bottom: 6px solid #5c4e36;font: 12px "宋体";line-height: 24px;}
.main-supply a{color: #c6c6c6;}
.supply-logo{width: 64px;float: left;margin-right: 16px;}
.supply-body{margin-left: 64px;}
ul.supply-list{height: 72px;margin-top: 12px;}
ul.supply-list li{float: none;}
ul.supply-list li span{background: }
ul.supply-list li a{display: block;float: left;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.supply-list a:hover{text-decoration: underline;color: #f60;}
.pay .supply-logo{background: url(../img/pay.png) 0px 17px no-repeat;}
.pay ul{width: 260px;}
.pay .supply-list li a{max-width: 210px;}
.rule .supply-logo{background: url(../img/rule.png) 0px 17px no-repeat;}
.rule ul{width: 325px;}
.rule .supply-list li a{max-width: 270px;}
.certificate .supply-logo{background: url(../img/certificate.png) 0px 17px no-repeat;}
.certificate ul{width: 320px;}
.certificate .supply-list li a{max-width: 300px;}



.main-footer{font: 12px "宋体";color: #515151;text-align: center;}
.main-footer .about-this{margin-left: 50%;}
.main-footer ul.about-this-list{padding-top: 3px;line-height: 12px;}
.main-footer ul.about-this-list li{margin-top: 12px;padding: 0px 10px;border-right: 1px solid #515151;}
.main-footer ul.about-this-list a{color: #515151;}
.main-footer ul.about-this-list a:hover{text-decoration: underline;}
.main-footer .copyright{}


/*交易记录内页*/
.transaction-records-condition{padding-top: 20px;}
.transaction-records-condition-title{background: #dde8ff;font-size: 14px;font-weight: bold;line-height: 36px;color: #454545;text-indent: 10px;}
.tcon-item-container{padding: 14px 0px;}
.tcon-item{height: 26px;margin-right: 70px;}
.tcon-keyWords{margin-top:14px;}
.tcon-title{width: 74px;margin: 0px;text-indent: 10px;font-size: 12px;color: #454545;line-height: 26px;}
.tcon-item .sel-container1{ height: 25px;width: 195px;margin-left: 74px;background: url(../img/sel-arrow.png) no-repeat 177px;border: 1px solid #cccccc;}
.tcon-item .sel-container2{ height: 25px;width: 177px;overflow: hidden;}
.tcon-item .tcon-item-form{height: 25px;border: 1px solid #cccccc;}
.tcon-item select.tcon-item-form{border: none;}
.tcon-item select{width: 195px;background: url(../img/form-bg.png) repeat-x;}
.select-container{width: 175px;/*overflow: hidden;*/background:url(../img/sel-arrow.png) no-repeat 100% 11px;}
.tcon-item input{width: 85px;}
.tcon-item-container .tcon-item{width: 275px;}
.tcon-item-container .tcon-item.tcon-funds{margin-left: 690px;}
.tcon-submit{margin: 14px 0px 0px 74px;}
.tcon-submit input{
	width: 62px;
	height: 26px;
	font-size: 12px;color: #010000;
	border: 1px solid #df5f18;
	background\0:#ea6f03; /*IE 6 7 8*/  
	background: -ms-linear-gradient(top, #ff923b,  #ea6f03);        /* IE 10 */
	background:-moz-linear-gradient(top,#ff923b,#ea6f03);/*火狐*/ 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff923b), to(#ea6f03));/*谷歌*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff923b), to(#ea6f03));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #ff923b, #ea6f03);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #ff923b, #ea6f03);  /*Opera 11.10+*/
}
.tcon-submit input:hover{
	color: white;
	font-weight: bold;
	cursor: pointer;
	background\0:#e55b02; /*IE 6 7 8*/  
	background: -ms-linear-gradient(top, #ff7f2e,  #e55b02);        /* IE 10 */
	background:-moz-linear-gradient(top,#ff7f2e,#e55b02);/*火狐*/ 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff7f2e), to(#e55b02));/*谷歌*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7f2e), to(#e55b02));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #ff7f2e, #e55b02);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #ff7f2e, #e55b02);  /*Opera 11.10+*/
}

.tc-divider{height: 1px;margin-top: 10px;margin-bottom: 20px;background: #bdccea;}

.tc-head{border: 1px solid #cccccc;}
.tc-head .tc-list{
	overflow: hidden;
	background\0:#e6e6e6; /*IE 6 7 8*/  
	background: -ms-linear-gradient(top, #fafafa,  #e6e6e6);        /* IE 10 */
	background:-moz-linear-gradient(top,#fafafa,#e6e6e6);/*火狐*/ 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fafafa), to(#e6e6e6));/*谷歌*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd0f10), to(#e6e6e6));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #fafafa, #e6e6e6);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #fafafa, #e6e6e6);  /*Opera 11.10+*/
}
.tc-head .tc-list li{padding: 0px 18px;font-size: 14px;line-height: 34px;border-right: 1px solid #ccc;}
.tc-head .tc-list li.active{font-weight: bold;}
.tc-head .tc-list li a{color: #454545;}
.tc-head .tc-list li a:hover{text-decoration: underline;color: #0066cc;}
.tc-head .tc-list li .li-pr{background: white;}

.inner.transaction-records .t-date{width: 130px;}
.inner.transaction-records .t-date>*{line-height: 28px;text-align: left;text-indent: 30px;}
.inner.transaction-records .t-date .t-date-time{color: #808080;}
.inner.transaction-records .t-number{width: 220px;}
.inner.transaction-records .t-number>div{line-height: 28px;text-align: left;text-indent: 30px;}
.inner.transaction-records .t-content{width: 340px;line-height: 28px;white-space: normal;text-indent: 0px;}
.inner.transaction-records .t-another{width: 175px;}
.inner.transaction-records .t-amount{width: 115px;}
.inner.transaction-records .t-status{width: 90px;text-align: center;text-indent: 0px;}
.inner.transaction-records .t-operate{width: 80px;}
.inner.transaction-records .tb-body .t-amount,.inner.transaction-records .tb-body .t-status,.inner.transaction-records .tb-body .t-operate{line-height: 56px;}
.inner.transaction-records .t-operate a.make-sure{margin: 14px 0px 0px 8px;}